<!-- head -->
{include file='public/head' /}
<!-- head -->

<!-- left -->
{include file='public/left' /}
<!-- left -->

<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            店铺信息
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> 店铺管理</a></li>
            <li><a href="#">店铺列表</a></li>
            <li class="active">查看信息</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">

        <div class="row">
            <div class="col-md-3">

                <!-- Profile Image -->
                <div class="box box-primary">
                    <div class="box-body box-profile">
                        <img class="profile-user-img img-responsive img-circle" src="__STATIC__/AdminLTE/dist/img/user4-128x128.jpg" alt="User profile picture">

                        <h3 class="profile-username text-center">{$storeList.store_name}</h3>

                        <p class="text-muted text-center">{$storeList.store_keeper}</p>

                        <ul class="list-group list-group-unbordered">
                            <li class="list-group-item">
                                <b>负责人电话</b> <a class="pull-right">{$storeList.keeper_phone}</a>
                            </li>
                            <li class="list-group-item">
                                <b>营业执照注册号</b> <a class="pull-right">{$storeList.bus_licence_number}</a>
                            </li>
                            <li class="list-group-item">
                                <b>营业时间</b> <a class="pull-right">{$storeList.busstarttime}-{$storeList.busendtime}</a>
                            </li>
                            <li class="list-group-item">
                                <b>注册时间</b> <a class="pull-right">{$storeList.add_time|date='Y-m-d H:i',###}</a>
                            </li>
                        </ul>

                        <a href="#" class="btn btn-primary btn-block">
                            <b>
                                {if condition="$storeList.bus_licence_type eq 1"} 企业法人
                                {elseif condition="$storeList.bus_licence_type eq 2"/}个体工商户
                                {else /} 散户
                                {/if}
                            </b>
                        </a>
                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->

                <!-- About Me Box -->
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">店铺介绍</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <strong><i class="fa fa-book margin-r-5"></i> 店铺说明</strong>

                        <p class="text-muted">
                            {$storeList.introduce}
                        </p>

                        <hr>

                        <strong><i class="fa fa-map-marker margin-r-5"></i> 详细地址</strong>

                        <p class="text-muted">{$storeList.store_address}</p>
                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->
            </div>
            <!-- /.col -->
            <div class="col-md-9">
                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        <li><a href="{:url('Store/ShowImgMessage',['id'=>$id])}">相册管理</a></li>
                        <li><a href="{:url('Store/ShowMessage',['id'=>$id])}">项目信息</a></li>
                        <li><a href="{:url('Store/ShowOrderMessage',['id'=>$id])}">订单信息</a></li>
                        <li class="active"><a href="{:url('Store/ShowStaffMessage',['id'=>$store_id])}">员工信息</a></li>
                        <li><a href="{:url('Store/ShowCustomMessage',['id'=>$id])}">客户信息</a></li>
                        <li><a href="{:url('Store/ShowOnlineMessage',['id'=>$id])}">预约信息</a></li>
                    </ul>
                    <div class="tab-content">
                        <!------员工信息------->
                        <div class="active tab-pane" id="order">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="box box-primary">
                                        <div class="box-header with-border">
                                            <div class="box-tools pull-right">
                                                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                                                </button>
                                                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                                            </div>
                                        </div>
                                        <div class="box-body">
                                            <div class="table-responsive">
                                                <table class="table table-bordered table-striped">
                                                    <form id='iform' action="{:url('Staff/Yeji')}" method="get">
                                                        <div class="input-group date">
                                                            <div class="input-group-addon">
                                                                <i class="fa fa-calendar"></i>
                                                            </div>
                                                            <input type="text" class="form-control pull-right" name="starttime" value="{$starttime}" id="datepicker" placeholder="选择开始时间..." autocomplete="off">
                                                            <div class="input-group-addon">
                                                                <i class="fa fa-calendar"></i>
                                                            </div>
                                                            <input type="text" class="form-control pull-right" name="endtime" value="{$endtime}" id="datepicker1" placeholder="选择结束时间..." autocomplete="off">
                                                            <input type="hidden" name="id" value="{$id}">
                                                            <input type="hidden" name="store_id" value="{$store_id}">
                                                            <span class="input-group-btn">
                                                                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                                                                </button>
                                                            </span>
                                                        </div>
                                                    </form>
                                                    <thead>
                                                        <tr>
                                                            <th>类别</th>
                                                            <th>已完成</th>
                                                            <th>总数</th>
                                                            <th>进度</th>
                                                            <th>比例</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>体验卡</td>
                                                            <td>{$tiyannum}</td>
                                                            <td>20</td>
                                                            <td>
                                                                <div class="progress progress-xs">
                                                                    <div class="progress-bar progress-bar-yellow" style="width: {$tiyannum/20*100}%"></div>
                                                                </div>
                                                            </td>
                                                            <td><span class="badge bg-yellow">{$tiyannum/20*100}%</span></td>
                                                        </tr>
                                                        <tr>
                                                            <td>会员卡</td>
                                                            <td>{$vipnum}</td>
                                                            <td>20</td>
                                                            <td>
                                                                <div class="progress progress-xs">
                                                                    <div class="progress-bar progress-bar-danger" style="width: {$vipnum/20*100}%"></div>
                                                                </div>
                                                            </td>
                                                            <td><span class="badge bg-red">{$vipnum/20*100}%</span></td>
                                                        </tr>
                                                        <tr>
                                                            <td>服务人数</td>
                                                            <td>{$renshunum}</td>
                                                            <td>∞</td>
                                                            <td>
                                                                <div class="progress progress-xs progress-striped active">
                                                                    <div class="progress-bar progress-bar-primary" style="width: 100%"></div>
                                                                </div>
                                                            </td>
                                                            <td><span class="badge bg-light-blue">100%</span></td>
                                                        </tr>
                                                        <tr>
                                                            <td>服务人次</td>
                                                            <td>{$rencinum}</td>
                                                            <td>50</td>
                                                            <td>
                                                                <div class="progress progress-xs progress-striped active">
                                                                    <div class="progress-bar progress-bar-success" style="width: {$rencinum/50*100}%"></div>
                                                                </div>
                                                            </td>
                                                            <td><span class="badge bg-green">{$rencinum/50*100}%</span></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!------员工信息结束------->
                    </div>
                    <!-- /.tab-content -->
                </div>
                <!-- /.nav-tabs-custom -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->

    </section>
    <!-- /.content -->
</div>
<script src="__STATIC__/AdminLTE/plugins/select2/select2.full.min.js"></script>

<script>
    $(function () {
        //Date picker
        $('#datepicker').datepicker({
            language:  'zh-CN',  
            autoclose: true,
        });
        $('#datepicker1').datepicker({
            language:  'zh-CN',  
            autoclose: true
        });
    });
</script>
<script type="text/javascript">
    function OrderDetails(obj) {
        var url = $(obj).data('url');
        window.location.href = url;
    }
</script>
<!-- foot -->
{include file='public/foot' /}
<!-- foot -->